Fetch API REST API와 Fetch api HTTP request 전송 기능을 제공하는 클라이언트 사이드 Web API 1번째 인자: HTTP 요청을 전달할 url 2번째 인자: 옵션 객체 (HTTP 요청 메서드, HTTP 요청 헤더, payload 등) HTTP 응답을 나타내는 Response 객체를 래핑한 Promise 객체 반환 Response 객체: HTTP 응답 상태(status), HTTP 응답 헤더(headers), HT... Fetch APIREST APIFetch API [CS] fetch(네트워크 요청) Day-27 비동기 요청의 가장 핵심은 네트워크 요청이라고 볼 수 있습니다. 네트워크 요청 형태는 다양하지만 URL로 요청하는 경우가 많습니다. 이걸 가능하게 만들어주는 것이 fetch API 입니다. fetch API 특정 URL로부터 정보를 받아오는 역할을 합니다. 이 과정은 비동기로 이루어지기 때문에 시간이 걸릴 수 있습니다. blocking 발생 시 UX가 떨어지기 때문에 로딩 창을 띄우는 경우도... await네트워크 요청비동기이벤트 루프event loopasyncFetchFetch APIFetch [CS] Node.js 모듈 사용법 Day-36 Node.js의 경우 많은 API가 비동기로 작성되어 있습니다. 어떤 기능을 조립할 수 있는 형태로 만든 부분입니다. fs(File System) 모듈은, PC의 파일을 읽거나 저장하는 등의 일을 할 수 있게 도와줍니다. 개발자는 자신이 이해하는 만큼의 모듈을 사용할 수 있습니다. 처음부터 필요한 메소드를 정확하게 찾는 일은 쉽지 않습니다. 모든 모듈은 사용하기 위해서 불러오는 과정이 필요합... Fetch API모듈nodejsFetchnode.jsFetch TIL23: Asynchronous JavaScript and XHR Dynamic Web Page 과거의 웹 페이지상에서 이루지는 요청과 그에 따른 응답은 페이지를 전환(새로운 페이지 전체를 로딩)하여 처리하였습니다. 하지만 오늘날의 SPA(Single Page Application)에서는 서버의 응답에 따라 페이지의 일부만 업데이트(페이지의 구성 요소를 동적으로 변경)하여 처리합니다. 즉, 단순한 Web Page가 아닌, 서버와 자유롭게 통신하고 페이지의 ... jQuery ajaxweb appsingle page applicationFetch APIxhrajaxspadynamic web pageFetch API 2021_04_27 TIL - fetch를 이용해 웹에서 정보 가져오기 Fetch API를 문서에서 찾아보면 '리소스를 가져 오기위한 인터페이스를 제공하는 것' 이라고 소개되어있다. 쉽게 말하면 서버에 URL로 네트워크를 요청할 때 사용한다. fetch API 사용하는 방법 먼저 fetch API는 아래와 같은 구조를 가지고있다. 1) 통신을 성공했을 때 통신을 성공했을 땐 .then() 안의 코드를 실행한다.... Fetch APIFetch API [TIL] 8월 26일 템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환된다. 처음에 이 템플릿 리터럴에 사용되는 백틱(`)을 작은 따옴표'로 착각해서 에러가 많이 났었다. 백틱을 입력할 수 있는 키는 숫자키 1 왼쪽에 위치해있다. 실제로 과제 수행 중에 HTML 구문을 주루룩 입력하고, 그 안에 들어갈 값을 ${}를 이용해서 넣어주니 참 간편했다. 다만, 템플릿 리터럴에서는 행간 바꿈과 공백이 ... 템플릿 리터럴Fetch API&&&& [Javascript] Fetch API 비동기 통신을 간편하게 구현하기 위해서 XMLHttpRequest, jQuery, Fetch API 등을 사용합니다. 이 중에서 XMLHttpRequest는 비교적 사용하기 어렵고, 코드가 복잡해지며, jQuery는 다른 강력한 라이브러리들이 등장하면서 점점 사용되지 않는 추세입니다. 오늘은 비동기 통신의 또 다른 방법인 Fetch API에 대해 알아보겠습니다. XMLHttpRequest는 ... JavaScriptFetch API자바스크립트비동기 통신Fetch API [JS] 드림코딩 JS 공부 #10 💡 서버와 통신할 수 있는 Ajax, JSON에 대해서 공부해보자 http를 이용해서 서버에게 데이터를 요청해서 받아올 수 있는 방법으로 ajax를 사용했다. 웹페이지에서 동적으로 서버에게 데이터를 주고받을 수 있는 기술을 의미 ex) XMLHttpRequest Object <- browser api에서 제공하는 오브젝트 중 하나, 이 오브젝트를 사용하면 간단하게 서버에게 데이터를 요청하고 ... jsonFetch APIJavaScriptXMLajaxhttpXMLHTTPRequestFetch API
REST API와 Fetch api HTTP request 전송 기능을 제공하는 클라이언트 사이드 Web API 1번째 인자: HTTP 요청을 전달할 url 2번째 인자: 옵션 객체 (HTTP 요청 메서드, HTTP 요청 헤더, payload 등) HTTP 응답을 나타내는 Response 객체를 래핑한 Promise 객체 반환 Response 객체: HTTP 응답 상태(status), HTTP 응답 헤더(headers), HT... Fetch APIREST APIFetch API [CS] fetch(네트워크 요청) Day-27 비동기 요청의 가장 핵심은 네트워크 요청이라고 볼 수 있습니다. 네트워크 요청 형태는 다양하지만 URL로 요청하는 경우가 많습니다. 이걸 가능하게 만들어주는 것이 fetch API 입니다. fetch API 특정 URL로부터 정보를 받아오는 역할을 합니다. 이 과정은 비동기로 이루어지기 때문에 시간이 걸릴 수 있습니다. blocking 발생 시 UX가 떨어지기 때문에 로딩 창을 띄우는 경우도... await네트워크 요청비동기이벤트 루프event loopasyncFetchFetch APIFetch [CS] Node.js 모듈 사용법 Day-36 Node.js의 경우 많은 API가 비동기로 작성되어 있습니다. 어떤 기능을 조립할 수 있는 형태로 만든 부분입니다. fs(File System) 모듈은, PC의 파일을 읽거나 저장하는 등의 일을 할 수 있게 도와줍니다. 개발자는 자신이 이해하는 만큼의 모듈을 사용할 수 있습니다. 처음부터 필요한 메소드를 정확하게 찾는 일은 쉽지 않습니다. 모든 모듈은 사용하기 위해서 불러오는 과정이 필요합... Fetch API모듈nodejsFetchnode.jsFetch TIL23: Asynchronous JavaScript and XHR Dynamic Web Page 과거의 웹 페이지상에서 이루지는 요청과 그에 따른 응답은 페이지를 전환(새로운 페이지 전체를 로딩)하여 처리하였습니다. 하지만 오늘날의 SPA(Single Page Application)에서는 서버의 응답에 따라 페이지의 일부만 업데이트(페이지의 구성 요소를 동적으로 변경)하여 처리합니다. 즉, 단순한 Web Page가 아닌, 서버와 자유롭게 통신하고 페이지의 ... jQuery ajaxweb appsingle page applicationFetch APIxhrajaxspadynamic web pageFetch API 2021_04_27 TIL - fetch를 이용해 웹에서 정보 가져오기 Fetch API를 문서에서 찾아보면 '리소스를 가져 오기위한 인터페이스를 제공하는 것' 이라고 소개되어있다. 쉽게 말하면 서버에 URL로 네트워크를 요청할 때 사용한다. fetch API 사용하는 방법 먼저 fetch API는 아래와 같은 구조를 가지고있다. 1) 통신을 성공했을 때 통신을 성공했을 땐 .then() 안의 코드를 실행한다.... Fetch APIFetch API [TIL] 8월 26일 템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환된다. 처음에 이 템플릿 리터럴에 사용되는 백틱(`)을 작은 따옴표'로 착각해서 에러가 많이 났었다. 백틱을 입력할 수 있는 키는 숫자키 1 왼쪽에 위치해있다. 실제로 과제 수행 중에 HTML 구문을 주루룩 입력하고, 그 안에 들어갈 값을 ${}를 이용해서 넣어주니 참 간편했다. 다만, 템플릿 리터럴에서는 행간 바꿈과 공백이 ... 템플릿 리터럴Fetch API&&&& [Javascript] Fetch API 비동기 통신을 간편하게 구현하기 위해서 XMLHttpRequest, jQuery, Fetch API 등을 사용합니다. 이 중에서 XMLHttpRequest는 비교적 사용하기 어렵고, 코드가 복잡해지며, jQuery는 다른 강력한 라이브러리들이 등장하면서 점점 사용되지 않는 추세입니다. 오늘은 비동기 통신의 또 다른 방법인 Fetch API에 대해 알아보겠습니다. XMLHttpRequest는 ... JavaScriptFetch API자바스크립트비동기 통신Fetch API [JS] 드림코딩 JS 공부 #10 💡 서버와 통신할 수 있는 Ajax, JSON에 대해서 공부해보자 http를 이용해서 서버에게 데이터를 요청해서 받아올 수 있는 방법으로 ajax를 사용했다. 웹페이지에서 동적으로 서버에게 데이터를 주고받을 수 있는 기술을 의미 ex) XMLHttpRequest Object <- browser api에서 제공하는 오브젝트 중 하나, 이 오브젝트를 사용하면 간단하게 서버에게 데이터를 요청하고 ... jsonFetch APIJavaScriptXMLajaxhttpXMLHTTPRequestFetch API